<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org/extras/dialect"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"
      layout:decorate="layout/layout_info"
>
<head>
	<title>登录</title>
	<meta charset="utf-8"/>
	<link rel="stylesheet" href="../../static/asset/css/base.min.css" th:href="@{/asset/css/base.min.css}"/>
	<link rel="stylesheet" href="../../static/asset/css/common/front.css" th:href="@{/asset/css/common/front.css}"/>
</head>
<body>
<div layout:fragment="content">

	<div class="container">

		<div class="row no-gutters">

			<div class="col-md-2 mt-4" th:insert="layout/menus::user_menu">
				<ul class="list-group">
					<li class="list-group-item d-flex justify-content-between align-items-center">
						<a href="#">基本信息</a>
					</li>
					<li class="list-group-item d-flex justify-content-between align-items-center">
						<a href="#">账号安全</a>
					</li>
					<li class="list-group-item d-flex justify-content-between align-items-center">
						<a href="#">授权管理</a>
					</li>
				</ul>
			</div>

			<div class="col-md-10">
				<div class="container">

					<div class="row">

						<div class="col-md-12">
							<div class="card my-4">
								<div class="card-header">
									联系信息
									<a class="float-right" href="#">修改</a>
								</div>
								<div class="card-body">

									<form action="#" th:action="@{/contact}" method="post">
										<div class="form-group row">
											<label for="telephone" class="col-sm-2 col-form-label">手机</label>
											<div class="col-sm-10">
												<input class="form-control" id="telephone" name="telephone" placeholder="手机"
												       required data-msg-required="不能为空">
												<div class="form-control-feedback text-danger"></div>
											</div>
										</div>
										<div class="form-group row">
											<label for="email" class="col-sm-2 col-form-label">邮箱</label>
											<div class="col-sm-10">
												<input class="form-control" id="email" name="email" placeholder="邮箱"
												       required data-msg-required="不能为空" data-rule-minlength="6" data-msg-minlength="不能少于6位">
												<div class="form-control-feedback text-danger"></div>
											</div>
										</div>

										<div class="row">
											<div class="offset-sm-2 col-sm-10">
												<button type="submit" class="btn btn-primary">提交</button>
											</div>
										</div>
									</form>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<th:block layout:fragment="script">
	<script type="text/javascript" src="../../static/asset/js/app.js" th:src="@{/asset/js/app.js}"></script>
</th:block>
</body>
</html>
